<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>科佳同创</title>
    
    <link type="text/css" rel="shortcut icon" type="image/x-icon" href="static/images/favicon.ico">
    <link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
    <link type="text/css" rel="stylesheet" href="static/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="static/css/bootstrap-responsive.min.css">
    
    <style type="text/css">
	    body{
		    width:100%;
		    height:100%;
		    margin: 0;
		    padding: 0;
		    overflow-x: hidden;
		    overflow-y: hidden;
		    position:absolute;
		    background-color:rgba(0,0,0,0);
		}
       .bs-docs-nav{
		  background-color: rgba(9,70,159,1);
		}
		.navbar-toggle .icon-bar{
		    background-color: white;
		}
		/*导航栏文字白色*/
		.dropdown{
		    margin-top:10px;
		    margin-left:10px;
		}
		.nav>li>a:hover, .nav>li>a:focus{
			background-color: rgba(9,70,159,0.85);
		}
		.dropdown a{
			color:#e1e1e1;
		}
		.dropdown :hover{
			background-color: rgba(9,70,159,0.85);
		}
		.dropdown a:hover{
			padding-bottom:5px;
			border-bottom:3px solid #13c836;
		}
		.nav>li>a{
			padding:15px 10px;
		}
		.navbar-brand {
		    position: absolute;
		    width: 100%;
		    top: 50%;
		    padding: 0;
		}
		.headImg {
		    position: absolute;
		    display: inline;
		    width: auto;
		    height: 75%;
		    top: 12%;
		    left: 15px;
		    transition: all 0.5s ease 0s;
		    cursor: pointer;
		    z-index:1;
		}
	   .headImg:hover{
		   transform: scale(1.1);
		   }
	   .navbar-brand p {
		    margin-left: 70px;
		    font-size: 20px;
		    color: white;
		}
		@media screen and (max-width: 985px){
            .navbar-nav {
                margin: 0;
            }
		}
		@media (max-width: 768px) {
			.dropdown{
				background-color:black;
				margin-top:0;
			}
            .navbar-nav {
                margin: 0;
            }
			.navbar-toggle{
				margin-top:15px;
			}
			.container>.navbar-header{
				margin-right:0;
				margin-left:0;
			}
			.dropdown{
				margin-left:20px;
			}
			.headImg{
				left:20px;
			}
			.nav>li>a{
			    background-color: rgba(9,70,159,0.85);
			}
		}
    </style>
</head>
<body>
  <header class="navbar navbar-static-top bs-docs-nav" id="top" style="margin-bottom: 0px;height:80px" role="navigation">
	    <div class="container" style="width:96%;">
	        <div class="navbar-header" style="height:70px">
	        	<img src="static/images/logo.png" class="img-responsive headImg"/>
			    <div class="navbar-brand"><p>电动汽车安全护航</p></div>
	            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="true">
	                <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	        </div>
	        <nav id="bs-navbar" class="navbar-collapse navbar-right  collapse" aria-expanded="true" onclick="click()">
	            <ul class="nav navbar-nav" style="margin-left: -12px">
	                <li class="dropdown">
	                	<a href="javascript:window.location.href='http://www.kejiatc.cn/chargeplatform'">
					    	机场监控
					    </a>
	                </li>
	                <li class="dropdown">
	                   <a href="javascript:window.location.href='http://www.kejiatc.cn/Hssy'">站级监控</a>
	                </li>
	                
	                <li class="dropdown">
	                   <a href="admin/main">充电云平台</a>
	                </li>
	            </ul>
	        </nav>
	    </div>
	</header>
  <div style="margin-bottom: 0px;width:100%;height:93.5%;">
    <img src="" data-original="static/images/iev365bg.png" class="lazy" style="margin-bottom: 0px;width:100%;height:100%;"/>
  </div>
  <script type='text/javascript' src="static/js/jquery.min.js"></script>
  <script type='text/javascript' src="static/js/jquery.lazyload.js"></script>
  <script type='text/javascript' src="static/js/bootstrap.min.js"></script>
  <script type="text/javascript">
  $(function(){
    $("img.lazy").lazyload({
      effect : "fadeIn", //effect(特效):show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
      /* threshold: 200 */
    });
  })
  </script>
</body>
</html>